<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

<!--
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
<link th:href="@{/css/materialdesignicons.min.css}" rel="stylesheet">
<link th:href="@{/css/style.min.css}" rel="stylesheet">

<script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/perfect-scrollbar.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main.min.js}"></script>
-->

<!--左侧导航-->
<aside class="lyear-layout-sidebar" th:fragment="left">


    <div id="logo" class="sidebar-header">
        <a href="index.html"><img th:src="@{/images/logo-sidebar.png}" title="LightYear" alt="LightYear" /></a>
    </div>
    <div class="lyear-layout-sidebar-scroll">

        <nav class="sidebar-main">
            <ul class="nav nav-drawer">
                <li class="nav-item active"> <a th:href="@{/home}"><i class="mdi mdi-home"></i> 后台首页</a> </li>
                <li sec:authorize="hasRole('ROLE_STUDENT')" class="nav-item active"> <a th:href="@{/leave-note/apply}"><i class="mdi mdi-cloud-upload"></i> 申请假条</a> </li>
                <li sec:authorize="hasRole('ROLE_TEACHER')" class="nav-item active"> <a th:href="@{/leave-note/appro/1}"><i class="mdi mdi-pen"></i> 审核假条</a> </li>
                <li class="nav-item active"> <a th:href="@{/check-work-log/log/1}"><i class="mdi mdi-calendar-range"></i> 签到记录</a> </li>
                <li class="nav-item active" sec:authorize="hasRole('ROLE_STUDENT')"> <a th:href="@{/leave-note/log/1}"><i class="mdi mdi-calendar-range"></i> 假条记录</a> </li>
                <li sec:authorize="hasRole('ROLE_TEACHER')" class="nav-item active"> <a th:href="@{/check-work}"><i class="mdi mdi-pencil-circle"></i> 发起签到</a> </li>
            </ul>
        </nav>
    </div>

</aside>
<!--End 左侧导航-->


<!--头部信息-->
<nav class="navbar navbar-default" th:fragment="header">
    <div class="topbar">

        <div class="topbar-left">
            <div class="lyear-aside-toggler">
                <span class="lyear-toggler-bar"></span>
                <span class="lyear-toggler-bar"></span>
                <span class="lyear-toggler-bar"></span>
            </div>
            <span class="navbar-page-title" th:text="${title}"> 根据点击的更改 </span>
        </div>

        <ul class="topbar-right">
            <li class="dropdown dropdown-profile">
                <a href="javascript:void(0)" data-toggle="dropdown">
                    <img class="img-avatar img-avatar-48 m-r-10" th:src="@{/images/users/avatar.jpg}" alt="笔下光年" />
                    <span th:text="${session.user.realName}">笔下光年 <span class="caret"></span></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li> <a th:href="@{/user/info}"><i class="mdi mdi-account"></i> 个人信息</a> </li>
                    <li> <a th:href="@{/user/password}"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
                    <li class="divider"></li>
                    <li> <a th:href="@{/logout}"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
                </ul>
            </li>
        </ul>

    </div>
</nav>

</html>